Html, CSS et typo

Principe de base :
Les fonts sont empilées et chargées dans l'ordre de déclaration.

font-family:'Helvetica Neue',Helvetica,sans-serif;

Le navigateur va tenter de charger l'Helvetica Neue ; si la font n'est pas installée sur l'ordinateur de l'utilisateur l'Helvetica sera chargée. Si non, une typo système sans sérif sera chargée.

Typos distantes

Placer dans le <head> de la page :

<link href="https://fonts.googleapis.com/css?family=Open+Sans:800"
rel="stylesheet">

et ceci dans le bon sélecteur css :

 font-family: 'Open Sans', sans-serif;

Google Font et consorts :
Le site Google Font vous propose une liste de Typos disponibles en liens, et à tester en ligne.

Grammaire

Les propriétés principales sont :

font-family: Famille de police
font-size: Taille de votre police de caratère
font-style: Gras, italique, oblique...
font-variant: Variante de police (par exemple petites caps)
font-weight: Graisse de la police

Font-style :

normal
italic
oblique

Font-weight :

Font-variant :

normal
small-caps

Corps et unités

On exprime le corps en rem, et l'interlignage en multiple du corps.
Par exemple :

 font-size:1rem;
line-height:1.5;

Pour rappel, 1 rem = 16px (par défaut sur les navigateurs)

Ressources

Voici un super lien avec les bonnes pratiques typo et image

En voilà un autre pour aller plus loin